<div class="panel panel-primary">
    <div class="panel-heading">
        <div class="panel-title">
            <span>用户注册</span>
        </div>
    </div>
</div>
<div class="col-xs-12 form-top">
    <form class="form-horizontal" name="form" ng-submit="submit()">
        <div class="col-xs-12">
            <div class="form-group" ng-class="{'has-error':form.userName.$dirty && form.userName.$invalid}">
                <input type="text" placeholder="用户名，6~15个字母和数字的组合" class="form-control" name="userName" ng-model="owner.userName"
                       ng-pattern="/^[0-9a-zA-Z]{6,15}$/" required/>
            </div>
            <div class="form-group" ng-class="{'has-error':form.password.$dirty && form.password.$invalid}">
                <input type="password" placeholder="密码，6~15个字母和数字、.和_的组合" class="form-control" name="password" ng-model="owner.password"
                       ng-pattern="/^[0-9a-zA-Z._]{6,15}$/" required/>
            </div>
            <div class="form-group" ng-class="{'has-error':form.realName.$dirty && form.realName.$invalid}">
                <input type="text" placeholder="真实姓名，保证大家认识你" class="form-control" name="realName" ng-model="owner.realName" required/>
            </div>
            <div class="form-group" ng-class="{'has-error':form.mobile.$dirty && form.mobile.$invalid}">
                <input type="text" placeholder="手机号码，总要联系你吧" class="form-control" name="mobile" maxlength="11" ng-model="owner.mobile"
                       ng-pattern="/^[0-9]{11}$/" required/>
            </div>
            <div class="form-group">
                <button class="btn btn-warning btn-block" ng-disabled="form.$invalid">注 册</button>
            </div>
        </div>
    </form>
</div>